.split-line-wrapper {
  height: 0.186666666666667rem;
  background: #f5f5f5;
}
html,
body {
  width: 100%;
  height: 100%;
  background: #fcfcfc;
  overflow-x: hidden;
}
html .shelf-wrapper,
body .shelf-wrapper {
  padding-top: 1.2rem;
}
html .shelf-wrapper .head-wrapper,
body .shelf-wrapper .head-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  background: #fcfcfc;
  height: 1.2rem;
  z-index: 9;
  width: 8.933333333333334rem;
  padding: 0 0.533333333333333rem;
  font-size: 0;
}
html .shelf-wrapper .head-wrapper .back-home,
body .shelf-wrapper .head-wrapper .back-home {
  vertical-align: top;
  font-size: 0.426666666666667rem;
  color: #666;
  height: 1.2rem;
  line-height: 1.253333333333333rem;
  padding-left: 0.4rem;
  background: url("../img/back-icon.png") no-repeat left center;
  background-size: 0.226666666666667rem 0.4rem;
  margin-right: 1.093333333333333rem;
  font-family: SimHei;
}
html .shelf-wrapper .head-wrapper .tab-wrapper,
body .shelf-wrapper .head-wrapper .tab-wrapper {
  font-size: 0rem;
  height: 1.2rem;
}
html .shelf-wrapper .head-wrapper .tab-wrapper .tab,
body .shelf-wrapper .head-wrapper .tab-wrapper .tab {
  font-size: 0.426666666666667rem;
  color: #999;
  height: 1.2rem;
  line-height: 1.2rem;
  font-family: SimHei;
}
html .shelf-wrapper .head-wrapper .tab-wrapper .tab.active,
body .shelf-wrapper .head-wrapper .tab-wrapper .tab.active {
  color: #f14a4a;
}
html .shelf-wrapper .head-wrapper .tab-wrapper .tab.active .bottom-line,
body .shelf-wrapper .head-wrapper .tab-wrapper .tab.active .bottom-line {
  width: 90%;
  height: 0.053333333333333rem;
  background: #f14a4a;
  left: 5%;
  bottom: 0;
}
html .shelf-wrapper .head-wrapper .tab-wrapper .track,
body .shelf-wrapper .head-wrapper .tab-wrapper .track {
  margin-left: 0.666666666666667rem;
}
html .shelf-wrapper .head-wrapper .btn-wrapper,
body .shelf-wrapper .head-wrapper .btn-wrapper {
  font-size: 0.426666666666667rem;
  color: #666;
  height: 1.2rem;
  line-height: 1.2rem;
  margin-left: 1.546666666666667rem;
  font-family: SimHei;
  vertical-align: top;
}
html .shelf-wrapper .head-wrapper .btn-wrapper .cancel,
body .shelf-wrapper .head-wrapper .btn-wrapper .cancel {
  display: none;
}
html .shelf-wrapper .main-content .shelf-content,
body .shelf-wrapper .main-content .shelf-content {
  padding: 0.533333333333333rem;
  font-size: 0;
}
html .shelf-wrapper .main-content .shelf-content .shelf-list li,
body .shelf-wrapper .main-content .shelf-content .shelf-list li {
  margin: 0 0.453333333333333rem 0.533333333333333rem 0;
  vertical-align: top;
  position: relative;
}
html .shelf-wrapper .main-content .shelf-content .shelf-list li:nth-child(3n),
body .shelf-wrapper .main-content .shelf-content .shelf-list li:nth-child(3n) {
  margin-right: 0rem;
}
html .shelf-wrapper .main-content .shelf-content .shelf-list li div,
body .shelf-wrapper .main-content .shelf-content .shelf-list li div {
  width: 2.666666666666667rem;
  height: 3.386666666666667rem;
  box-shadow: 1px 1px 10px 1px #ccc;
}
html .shelf-wrapper .main-content .shelf-content .shelf-list li p,
body .shelf-wrapper .main-content .shelf-content .shelf-list li p {
  font-size: 0.346666666666667rem;
  margin-top: 0.266666666666667rem;
  width: 2.666666666666667rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
html .shelf-wrapper .main-content .shelf-content .shelf-list li .select-box,
body .shelf-wrapper .main-content .shelf-content .shelf-list li .select-box {
  width: 0.586666666666667rem;
  height: 0.586666666666667rem;
  right: -0.133333333333333rem;
  top: -0.133333333333333rem;
  background: url("../img/not-selected-icon.png") no-repeat center center;
  background-size: 0.586666666666667rem 0.586666666666667rem;
  display: none;
}
html .shelf-wrapper .main-content .shelf-content .shelf-list li .select-box.selected,
body .shelf-wrapper .main-content .shelf-content .shelf-list li .select-box.selected {
  background: url("../img/has-selected-icon.png") no-repeat center center;
  background-size: 0.586666666666667rem 0.586666666666667rem;
}
html .shelf-wrapper .main-content .shelf-content .none-tip,
body .shelf-wrapper .main-content .shelf-content .none-tip {
  display: none;
}
html .shelf-wrapper .main-content .shelf-content .none-tip .none-tip-wrapper,
body .shelf-wrapper .main-content .shelf-content .none-tip .none-tip-wrapper {
  height: 2.666666666666667rem;
  margin-top: 3.066666666666667rem;
  background: url("../img/none-book.png") no-repeat center center;
  background-size: 2.773333333333333rem 2.48rem;
}
html .shelf-wrapper .main-content .shelf-content .none-tip .word-tip,
body .shelf-wrapper .main-content .shelf-content .none-tip .word-tip {
  font-size: 0.4rem;
  color: #666;
  margin-top: 0.4rem;
}
html .shelf-wrapper .main-content .shelf-content .none-tip .go-to-home,
body .shelf-wrapper .main-content .shelf-content .none-tip .go-to-home {
  width: 4.533333333333333rem;
  height: 1.066666666666667rem;
  background: #fe8484;
  border-radius: 0.533333333333333rem;
  font-size: 0.4rem;
  font-family: SimHei;
  color: #fff;
  text-align: center;
  line-height: 1.066666666666667rem;
  margin: 1.44rem 2.2rem 0 2.2rem;
}
html .shelf-wrapper .main-content .track-content,
body .shelf-wrapper .main-content .track-content {
  display: none;
  background: #fcfcfc;
}
html .shelf-wrapper .main-content .track-content .track-list,
body .shelf-wrapper .main-content .track-content .track-list {
  padding: 0.533333333333333rem 0.533333333333333rem 0 0.533333333333333rem;
}
html .shelf-wrapper .main-content .track-content .track-list li,
body .shelf-wrapper .main-content .track-content .track-list li {
  font-size: 0;
  margin-bottom: 0.586666666666667rem;
}
html .shelf-wrapper .main-content .track-content .track-list li .track-book-cover,
body .shelf-wrapper .main-content .track-content .track-list li .track-book-cover {
  vertical-align: top;
  width: 2.56rem;
  height: 3.253333333333333rem;
  box-shadow: 1px 1px 10px 1px #ccc;
}
html .shelf-wrapper .main-content .track-content .track-list li .track-book-detail,
body .shelf-wrapper .main-content .track-content .track-list li .track-book-detail {
  margin-left: 0.32rem;
  width: 6.053333333333334rem;
}
html .shelf-wrapper .main-content .track-content .track-list li .track-book-detail .track-book-name,
body .shelf-wrapper .main-content .track-content .track-list li .track-book-detail .track-book-name {
  font-size: 0.426666666666667rem;
  margin-bottom: 0.32rem;
}
html .shelf-wrapper .main-content .track-content .track-list li .track-book-detail .track-book-status,
body .shelf-wrapper .main-content .track-content .track-list li .track-book-detail .track-book-status {
  font-size: 0.346666666666667rem;
  color: #999;
  margin-bottom: 0.32rem;
}
html .shelf-wrapper .main-content .track-content .track-list li .track-book-detail div .track-book-last,
body .shelf-wrapper .main-content .track-content .track-list li .track-book-detail div .track-book-last {
  font-size: 0.346666666666667rem;
  color: #999;
  margin-bottom: 0.32rem;
}
html .shelf-wrapper .main-content .track-content .track-list li .track-book-detail div .track-book-last .last-chapter,
body .shelf-wrapper .main-content .track-content .track-list li .track-book-detail div .track-book-last .last-chapter {
  vertical-align: top;
  max-width: 4.266666666666667rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
html .shelf-wrapper .main-content .track-content .track-list li .track-book-detail div .continue-read,
body .shelf-wrapper .main-content .track-content .track-list li .track-book-detail div .continue-read {
  color: #f86161;
  font-size: 0.373333333333333rem;
  padding-right: 0.4rem;
  background: url("../img/more-icon.png") no-repeat right center;
  background-size: 0.173333333333333rem 0.306666666666667rem;
}
html .shelf-wrapper .main-content .tips-wrapper,
body .shelf-wrapper .main-content .tips-wrapper {
  padding-top: 0.4rem;
  height: 1.733333333333333rem;
  background: #f5f5f5;
}
html .shelf-wrapper .main-content .tips-wrapper .tip-icon,
body .shelf-wrapper .main-content .tips-wrapper .tip-icon {
  height: 0.56rem;
  background: url("../img/tips-icon.png") no-repeat center center;
  background-size: 0.56rem 0.56rem;
}
html .shelf-wrapper .main-content .tips-wrapper .tip-word,
body .shelf-wrapper .main-content .tips-wrapper .tip-word {
  margin-top: 0.32rem;
  color: #c2c1c1;
  font-size: 0.346666666666667rem;
}
html .shelf-wrapper .like-mask-wrapper,
body .shelf-wrapper .like-mask-wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 9;
}
html .shelf-wrapper .like-mask-wrapper .like-wrapper,
body .shelf-wrapper .like-mask-wrapper .like-wrapper {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 6.346666666666667rem;
  background: #fff;
}
html .shelf-wrapper .like-mask-wrapper .like-wrapper .like-header,
body .shelf-wrapper .like-mask-wrapper .like-wrapper .like-header {
  height: 1.066666666666667rem;
  background: #f14a4a;
  color: #fff;
}
html .shelf-wrapper .like-mask-wrapper .like-wrapper .like-header .left-title,
body .shelf-wrapper .like-mask-wrapper .like-wrapper .like-header .left-title {
  font-size: 0.346666666666667rem;
  padding-left: 0.613333333333333rem;
  height: 1.066666666666667rem;
  line-height: 1.066666666666667rem;
}
html .shelf-wrapper .like-mask-wrapper .like-wrapper .like-header .close-wrapper,
body .shelf-wrapper .like-mask-wrapper .like-wrapper .like-header .close-wrapper {
  width: 1.6rem;
  height: 1.066666666666667rem;
  background: url("../img/close-icon.png") no-repeat center center;
  background-size: 0.36rem 0.36rem;
}
html .shelf-wrapper .like-mask-wrapper .like-wrapper .like-content,
body .shelf-wrapper .like-mask-wrapper .like-wrapper .like-content {
  font-size: 0;
  padding: 0 0.533333333333333rem;
}
html .shelf-wrapper .like-mask-wrapper .like-wrapper .like-content li,
body .shelf-wrapper .like-mask-wrapper .like-wrapper .like-content li {
  margin-right: 0.666666666666667rem;
  margin-top: 0.613333333333333rem;
  vertical-align: top;
}
html .shelf-wrapper .like-mask-wrapper .like-wrapper .like-content li:last-child,
body .shelf-wrapper .like-mask-wrapper .like-wrapper .like-content li:last-child {
  margin-right: 0rem;
}
html .shelf-wrapper .like-mask-wrapper .like-wrapper .like-content li div,
body .shelf-wrapper .like-mask-wrapper .like-wrapper .like-content li div {
  width: 2.533333333333333rem;
  height: 3.2rem;
  box-shadow: 1px 1px 10px 1px #ccc;
}
html .shelf-wrapper .like-mask-wrapper .like-wrapper .like-content li p,
body .shelf-wrapper .like-mask-wrapper .like-wrapper .like-content li p {
  font-size: 0.32rem;
  margin-top: 0.266666666666667rem;
  width: 2.533333333333333rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
html .shelf-wrapper .select-all-wrapper,
body .shelf-wrapper .select-all-wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.333333333333333rem;
  background: #f87e7e;
  z-index: 9;
  color: #fff;
  display: none;
}
html .shelf-wrapper .select-all-wrapper div,
body .shelf-wrapper .select-all-wrapper div {
  width: 2.266666666666667rem;
  height: 1.333333333333333rem;
  line-height: 1.333333333333333rem;
  text-align: center;
  font-family: SimHei;
  font-size: 0.453333333333333rem;
}
html .shelf-wrapper .select-all-wrapper .not-select-all,
body .shelf-wrapper .select-all-wrapper .not-select-all {
  display: none;
}
